﻿<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="images/apple-favicon.png">
    <link rel="shortcut icon" type="image/png" href="images/favicon.png">

    <title>Wimax - Multipurpose Business And Corporate HTML5 Template</title>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- Custom CSS -->
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <!-- Responsive stylesheet  -->
    <link rel="stylesheet" type="text/css" href="css/responsive.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>
     


    <!-- Preloader -->
    <div id="loading">
        <div id="loading-center">
            <div id="loading-center-absolute">
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
            </div>
        </div>
    </div>

    <!-- Main Header Start -->
    <header class="main-navbar">
        <div class="topbar-area">
          <div class="container">
              <div class="row">
                  <div class="col-lg-6 col-md-6 col-sm-6 center767">
                      <ul class="topbar-info">
                          <li><p>+099 123 123 123</p></li>
                          <li><p><a href="#">info@yourmail.com</a></p></li>
                      </ul>
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-6 center767">
                    <div class="social-icon clearfix">
                        <ul>
                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                  </div>
              </div>
          </div>
        </div>
        <!-- Header navbar start -->
        <div class="header-navbar" id="navbar-main">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <nav class="navbar navbar-default">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <a class="navbar-brand" href="index-one.html"><img src="images/logo/logo.png" alt="">
                                </a>
                            </div>
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" data-hover="dropdown" data-animations="fadeIn">
                                <ul class="nav navbar-nav navbar-right">
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Home <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="index-one.html">Home one</a>
                                            </li>
                                            <li><a href="index-two.html">Home two</a>
                                            </li>
                                            <li><a href="index-three.html">Home three</a>
                                            </li>
                                            <li><a href="index-four.html">Home four</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="about.html">About</a></li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Portfolio <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="portfolio-grid-3.html">Portfolio Grid 3</a></li>
                                            <li><a href="portfolio-grid-4.html">Portfolio Grid 4</a></li>
                                            <li><a href="portfolio-details.html">Portfolio Details</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown active">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="blog-gird-3.html">Blog gird 3</a>
                                            </li>
                                            <li><a href="blog-gird-4.html">Blog gird 4</a>
                                            </li>
                                            <li><a href="blog-full-wd.html">Blog full width</a>
                                            </li>
                                            <li><a href="blog-right-sidebar.html">Blog right sidebar</a>
                                            </li>
                                            <li><a href="blog-left-sidebar.html">Blog left sidebar</a>
                                            </li>
                                            <li><a href="blog-details.html">Blog Details</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="services.html">Our Services</a></li>
                                            <li><a href="pricing.html">Our Pricing</a></li>
                                            <li><a href="signin-signup.html">Sign in / Sign Up</a></li>
                                            <li><a href="faq.html">Faq Page</a></li>
                                            <li><a href="404.html">404 Page</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Elements <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu mega-menu">
                                            <div class="row">
                                              <div class="col-md-3 col-sm-3">
                                                <li><a href="accordion-element.html">Accordion</a>
                                                <li><a href="button-element.html">button</a>
                                                </li>
                                                <li><a href="clients-element.html">clients</a>
                                                </li>
                                                <li><a href="pricing-table-element.html">pricing table</a>
                                                </li>
                                              </div>
                                              <div class="col-md-3 col-sm-3">
                                                <li><a href="services-element.html">services</a>
                                                <li><a href="tables-element.html">tables</a>
                                                </li>
                                                <li><a href="tabs-element.html">tabs</a>
                                                </li>
                                                <li><a href="team-element.html">team</a>
                                                </li>
                                              </div>
                                              <div class="col-md-3 col-sm-3">
                                                <li><a href="testimonial-element.html">testimonial</a>
                                                <li><a href="timeline-element.html">timeline</a>
                                                </li>
                                                <li><a href="separator-element.html">separator</a>
                                                </li>
                                                <li><a href="promobox-element.html">Promobox</a>
                                                </li>
                                              </div>
                                              <div class="col-md-3 col-sm-3">
                                                <img src="images/nav-img.jpg" alt="">
                                              </div>
                                            </div>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact</a>
                                    </li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Page Title bar -->
    <section class="defult-page-title overlay-black">
      <div class="container clearfix">
          <div class="row">
              <div class="col-sm-6 col-sm-offset-3">
                  <div class="page-title-box center991">
                      <div class="page-title-content">
                        <h2>Blog <span>Details</span></h2>
                        <p><a href="index-one.html">Home</a> / <a href="#">Blog Details</a></p>
                      </div>
                  </div>
              </div>
          </div>
      </div>
    </section>
 
    <!-- Blog Start -->
    <section class="blog-details">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-sm-12">
                    <div class="blog-details-col">
                        <img src="images/blog/big-1.jpg" alt="">
                        <h3 class="blog-title">FULLY RESPONSIVE LAYOUT</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora facilis non unde molestiae impedit. Laboriosam sequi, earum dolor odio ut ex laborum enim maiores porro, est rerum minima, libero. A saepe provident, enim ab natus nobis rerum distinctio necessitatibus ratione vitae ut blanditiis temporibus nisi deserunt dolorem nemo est. Architecto ad distinctio, culpa quod dolores quisquam maxime voluptatem debitis amet. Repellat vitae odio tenetur, obcaecati quas id reprehenderit cum totam omnis nobis alias sequi corrupti. Totam doloremque et beatae accusantium fugiat nam quasi provident non ad vero neque esse temporibus, non ad vero neque esse temporibus iusto quisquam, alias blanditiis maiores delectus odio fuga voluptatem error!</p>
                        <div class="hilight-box">
                            <p>Totam doloremque et beatae accusantium fugiat nam quasi provident non ad vero neque esse temporibus, non ad vero neque esse temporibus iusto quisquam.</p>
                        </div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora facilis non unde molestiae impedit. Laboriosam sequi, earum dolor odio ut ex laborum enim maiores porro, est rerum minima, libero. A saepe provident, enim ab natus nobis rerum distinctio necessitatibus ratione vitae ut blanditiis temporibus nisi deserunt dolorem nemo est. Architecto ad distinctio, culpa quod dolores quisquam maxime voluptatem debitis amet. Repellat vitae odio tenetur, obcaecati quas id reprehenderit cum totam omnis nobis alias sequi corrupti. Totam doloremque et beatae accusantium fugiat nam quasi provident non ad vero neque esse temporibus, non ad vero neque esse temporibus iusto quisquam, alias blanditiis maiores delectus odio fuga voluptatem error!</p>
                        <div class="comment-field">
                            <h3><a href="#">Comments (10)</a></h3>
                            <div class="comment-item">
                                <img src="images/blog/comment-1.jpg" alt="">
                                <h4>Julio Jeksona <a class="pull-right" href="#">Reply</a></h4>
                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum.</p>
                            </div>
                            <div class="comment-item comment-item-right">
                                <img src="images/blog/comment-2.jpg" alt="">
                                <h4>David Milar <a class="pull-right" href="#">Reply</a></h4>
                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum.</p>
                            </div>
                            <div class="comment-item">
                                <img src="images/blog/comment-3.jpg" alt="">
                                <h4>Julio Jeksona <a class="pull-right" href="#">Reply</a></h4>
                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum.</p>
                            </div>
                        </div>
                        <div class="form-field text-center">
                            <form>
                                <div class="col-md-6">
                                    <input type="text" class="form-control" placeholder="Your Name">
                                </div>
                                <div class="col-md-6">
                                    <input type="email" class="form-control" placeholder="Your Email">
                                </div>
                                <div class="col-md-12">
                                    <div class="contact-textarea">
                                        <textarea class="form-control" rows="6" placeholder="Wright Message"></textarea>
                                        <button class="btn btn-default my-btn" type="submit" value="Submit Form">Submit</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="sidebar-col">
                        <div class="sidebar-search-box">
                            <form>
                                <div class="input-group">
                                    <input placeholder="Search..." class="form-control" name="search-field" type="text">
                                    <span class="input-group-btn">
                                        <button type="submit" class="btn"><i class="fa fa-search"></i></button>
                                    </span>
                                </div>
                            </form>
                        </div>
                        <div class="categories">
                            <div class="sidebar-title">
                                <h3>categories</h3>
                            </div>
                            <ul class="clearfix">
                                <li><a href="#">Web Design</a><a class="pull-right" href="#">(10)</a></li>
                                <li><a href="#">Web Development</a><a class="pull-right" href="#">(05)</a></li>
                                <li><a href="#">Responsive Design</a><a class="pull-right" href="#">(13)</a></li>
                                <li><a href="#">graphic design</a><a class="pull-right" href="#">(22)</a></li>
                                <li><a href="#">PHP</a><a class="pull-right" href="#">(15)</a></li>
                                <li><a href="#">photoshop</a><a class="pull-right" href="#">(06)</a></li>
                                <li><a href="#">email templates</a><a class="pull-right" href="#">(11)</a></li>
                                <li><a href="#">wordpress</a><a class="pull-right" href="#">(22)</a></li>
                            </ul>
                        </div>
                        <div class="sidebar-post">
                            <div class="sidebar-title">
                                <h3>Latest Posts</h3>
                            </div>
                            <ul>
                                <li>
                                    <img src="images/blog/post-1.jpg" alt="">
                                    <h4><a href="#">Fully Responsive Design</a></h4>
                                    <p>December 12, 2018</p>
                                </li>
                                <li>
                                    <img src="images/blog/post-2.jpg" alt="">
                                    <h4><a href="#">Fully Responsive Design</a></h4>
                                    <p>December 15, 2018</p>
                                </li>
                                <li>
                                    <img src="images/blog/post-3.jpg" alt="">
                                    <h4><a href="#">Fully Responsive Design</a></h4>
                                    <p>December 16, 2018</p>
                                </li>
                                <li>
                                    <img src="images/blog/post-4.jpg" alt="">
                                    <h4><a href="#">Fully Responsive Design</a></h4>
                                    <p>December 19, 2018</p>
                                </li>
                                <li>
                                    <img src="images/blog/post-5.jpg" alt="">
                                    <h4><a href="#">Fully Responsive Design</a></h4>
                                    <p>December 20, 2018</p>
                                </li>
                            </ul>
                        </div>
                        <div class="sidebar-tags">
                            <div class="sidebar-title">
                                <h3>Tags</h3>
                            </div>
                            <ul>
                                <li>
                                    <a href="#">Design</a>
                                </li>
                                <li>
                                    <a href="#">Development</a>
                                </li>
                                <li>
                                    <a href="#">PHP</a>
                                </li>
                                <li>
                                    <a href="#">photoshop</a>
                                </li>
                                <li>
                                    <a href="#">wordpress</a>
                                </li>
                                <li>
                                    <a href="#">graphic</a>
                                </li>
                                <li>
                                    <a href="#">css</a>
                                </li>
                                <li>
                                    <a href="#">Responsive</a>
                                </li>
                            </ul>
                        </div>
                        <div class="sidebar-video">
                            <div class="sidebar-title">
                                <h3>Video overview</h3>
                            </div>
                            <div class="embed-responsive embed-responsive-16by9">
                              <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/7e90gBu4pas"></iframe>
                            </div>
                        </div>
                    </div>
                </div> 
            </div>
        </div>
    </section>

    <!-- Footer Start -->
    <footer class="main-footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="footer-col about">
                        <h3>About our <span>Wimax</span></h3>
                        <p>Consectetur adipisicing elit. Voluptatum expedita doloremque eligendi vero a adipisci perspiciatis, vel beatae odio dolorum officia minus unde.</p>
                        <ul>
                            <li>
                                <i class="fa fa-map-marker" aria-hidden="true"></i>
                                123, Cornish Street, Burnside, Australia
                            </li>
                            <li>
                                <i class="fa fa-envelope-o" aria-hidden="true"></i>
                                officemail@gmail.com
                            </li>
                            <li>
                                <i class="fa fa-phone" aria-hidden="true"></i>
                                +012 450-388-2050
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-6">
                    <div class="footer-col links">
                        <h3>Useful <span>links</span></h3>
                        <ul>
                            <li><a href="#">Web Design</a></li>
                            <li><a href="#">Web Development</a></li>
                            <li><a href="#">Bootstrap</a></li>
                            <li><a href="#">Web research</a></li>
                            <li><a href="#">PHP Tutorial</a></li>
                            <li><a href="#">Javascript</a></li>
                            <li><a href="#">Jquery</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="footer-col twitter">
                        <h3>Recent Tweets</h3>
                        <div class="twitter-box">
                            <i class="fa fa-twitter" aria-hidden="true"></i>
                            <p><a href="#">@Company Name</a> It is a long established fact that a reader. <br> <a href="#">20 August, 2018</a></p>
                        </div>
                        <div class="twitter-box">
                            <i class="fa fa-twitter" aria-hidden="true"></i>
                            <p><a href="#">@Company Name</a> It is a long established fact that a reader. <br> <a href="#">20 August, 2018</a></p>
                        </div>
                        <div class="twitter-box">
                            <i class="fa fa-twitter" aria-hidden="true"></i>
                            <p><a href="#">@Company Name</a> It is a long established fact that a reader. <br> <a href="#">20 August, 2018</a></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6">
                    <div class="footer-col newsletter">
                        <h3>our <span>newsletter</span></h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem soluta, voluptatibus et odit nesciunt illum, molestias officiis consequuntur.</p>
                        <form class="input-group">
                            <div class="form-group">
                                <input class="form-control" type="email" placeholder="Enter Your Email">
                            </div>
                            <span class="input-group-btn">
                                <button class="btn btn-default sub-btn" type="submit">
                                SUBSCRIBE</button>
                            </span>
                        </form>
                        <h3><span>Social</span> Links</h3>
                        <ul>
                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Copyright Start -->
    <section class="footer-copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <p>©2018. Designed by <a href="" target="_blank">SET-Theme.</a> All Rights Reserved.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- jQuery -->
    <script src="js/jquery.min.js"></script>

    <!-- Bootstrap Min js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- bootstrap-dropdownhover js -->
    <script src="js/bootstrap-dropdownhover.min.js"></script>
    <!-- imagesloaded JS -->
    <script src="js/imagesloaded.min.js"></script>
    <!-- filterizr JS -->
    <script src="js/jquery.filterizr.min.js"></script>
    <!-- typing js -->
    <script src="js/typing.js"></script>
    <!-- VideoPopUp -->
    <script src="js/VideoPopUp.jquery.js"></script>
    <!-- counterup -->
    <script src="js/jquery.counterup.min.js"></script>
    <!-- waypoints -->
    <script src="js/jquery.waypoints.min.js"></script>
    <!-- carousel -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- jarallax -->
    <script src="js/jarallax.min.js"></script>
    <!-- lightbox -->
    <script src="js/lightbox.min.js"></script>
    <!-- youtubebackground JS -->
    <script src="js/jquery.youtubebackground.js"></script>
    <!-- jquery scrollUp  JS -->
    <script src="js/jquery.scrollUp.min.js"></script>
    <!-- wow.min JS -->
    <script src="js/wow.min.js"></script>
    <!-- Main Custom JS -->
    <script src="js/custom.js"></script>

</body>

</html>
